html,
body {
    height: 100%;
    width: 100%;
}

#calssify {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;

    a {
        text-decoration: none;
    }

    main {
        flex: 1;
        overflow-y: scroll;

        .ulclass {
            li {
                height: 4.853333rem;

                h2 {
                    height: 2.666667rem;
                    text-align: center;
                    line-height: 2.666667rem;
                    color: #fff;
                    font-size: .4rem;
                    background: rgba(0, 0, 0, 0.5);
                }

                .list {
                    width: 100%;
                    height: 2.186667rem;
                    display: flex;
                    flex-wrap: wrap;
                    background: #fff;

                    a {
                        display: block;
                        width: 50%;
                        height: 1.093333rem;
                        line-height: 1.093333rem;
                        text-align: center;
                        color: #666;
                        font-size: .373333rem;
                    }
                }
            }

            li:nth-of-type(1) {
                background: url(http://www.mybanana.com.cn/images/img_14559527502063.jpg) no-repeat;
                background-size: cover;
            }

            li:nth-of-type(2) {
                background: url(http://www.mybanana.com.cn/images/img_14559531554717.jpg) no-repeat;
                background-size: cover;
            }

            li:nth-of-type(3) {
                background: url(http://www.mybanana.com.cn/images/img_14559440081792.jpg) no-repeat;
                background-size: cover;
            }

            li:nth-of-type(4) {
                background: url(http://www.mybanana.com.cn/images/img_14538670248323.jpg) no-repeat;
                background-size: cover;
            }

            li:nth-of-type(5) {
                background: url(http://www.mybanana.com.cn/images/img_14559466889596.jpg) no-repeat;
                background-size: cover;
            }

            li:nth-of-type(6) {
                background: url(http://www.mybanana.com.cn/images/img_14537904319503.jpg) no-repeat;
                background-size: cover;
            }

            li:nth-of-type(7) {
                background: url(http://www.mybanana.com.cn/images/img_14559497039447.jpg) no-repeat;
                background-size: cover;
            }

            li:nth-of-type(8) {
                background: url(http://www.mybanana.com.cn/images/img_14559505723739.jpg) no-repeat;
                background-size: cover;
            }
        }
    }

    footer {
        height: 1.333333rem;
        background: #000;
    }
}